<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Insert title here</title>
<%@ include file="/WEB-INF/views/include/easyui.jsp"%>
<script type="text/javascript" src="${ctx}/static/plugins/quartzCron/cron.js" charset="utf-8"></script>
<style>
		body{margin: 0px;padding: 0px}
		.line{
			height: 25px;
			line-height: 25px;
			margin: 3px;
		}
		.imp{
			padding-left: 25px;
		}
		.col{
			width:95px;
		}
	</style>
</head>
<body >
		<div class="easyui-layout" style="width:100%;height:445px;">
			<div data-options="region:'center',border:false" >
				<div class="easyui-tabs" data-options="fit:true,border:false">
					<div title="秒">
						<div class="line"><input type="radio" checked="checked" name="second" onclick="everyTime(this)"> 每秒 允许的通配符[, - * /]</div>
						<div class="line"><input type="radio" name="second" onclick="cycle(this)"> 周期从 <input class="numberspinner" style="width:60px;" data-options="min:1,max:58" value="1"> - <input class="numberspinner" style="width:60px;" data-options="min:2,max:59" value="2"> 秒</div>
						<div class="line"><input type="radio" name="second" onclick="startOn(this)"> 从 <input class="numberspinner" style="width:60px;" data-options="min:0,max:59" value="0"> 秒开始,每 <input class="numberspinner" style="width:60px;" data-options="min:1,max:59" value="1"> 秒执行一次</div>
						<div class="line"><input type="radio" name="second" id="sencond_appoint"> 指定</div>
						<div class="imp secondList">
							<input type="checkbox" value="1">01
							<input type="checkbox" value="2">02
							<input type="checkbox" value="3">03
							<input type="checkbox" value="4">04
							<input type="checkbox" value="5">05
							<input type="checkbox" value="6">06
							<input type="checkbox" value="7">07
							<input type="checkbox" value="8">08
							<input type="checkbox" value="9">09
							<input type="checkbox" value="10">10</div><div class="imp secondList">
							<input type="checkbox" value="11">11
							<input type="checkbox" value="12">12
							<input type="checkbox" value="13">13
							<input type="checkbox" value="14">14
							<input type="checkbox" value="15">15
							<input type="checkbox" value="16">16
							<input type="checkbox" value="17">17
							<input type="checkbox" value="18">18
							<input type="checkbox" value="19">19
							<input type="checkbox" value="20">20</div><div class="imp secondList">
							<input type="checkbox" value="21">21
							<input type="checkbox" value="22">22
							<input type="checkbox" value="23">23
							<input type="checkbox" value="24">24
							<input type="checkbox" value="25">25
							<input type="checkbox" value="26">26
							<input type="checkbox" value="27">27
							<input type="checkbox" value="28">28
							<input type="checkbox" value="29">29
							<input type="checkbox" value="30">30</div><div class="imp secondList">
							<input type="checkbox" value="31">31
							<input type="checkbox" value="32">32
							<input type="checkbox" value="33">33
							<input type="checkbox" value="34">34
							<input type="checkbox" value="35">35
							<input type="checkbox" value="36">36
							<input type="checkbox" value="37">37
							<input type="checkbox" value="38">38
							<input type="checkbox" value="39">39
							<input type="checkbox" value="40">40</div><div class="imp secondList">
							<input type="checkbox" value="41">41
							<input type="checkbox" value="42">42
							<input type="checkbox" value="43">43
							<input type="checkbox" value="44">44
							<input type="checkbox" value="45">45
							<input type="checkbox" value="46">46
							<input type="checkbox" value="47">47
							<input type="checkbox" value="48">48
							<input type="checkbox" value="49">49
							<input type="checkbox" value="50">50</div><div class="imp secondList">
							<input type="checkbox" value="51">51
							<input type="checkbox" value="52">52
							<input type="checkbox" value="53">53
							<input type="checkbox" value="54">54
							<input type="checkbox" value="55">55
							<input type="checkbox" value="56">56
							<input type="checkbox" value="57">57
							<input type="checkbox" value="58">58
							<input type="checkbox" value="59">59
						</div>
					</div>
					<div title="分钟">
						<div class="line"><input type="radio" checked="checked" name="min" onclick="everyTime(this)"> 分钟 允许的通配符[, - * /]</div>
						<div class="line"><input type="radio" name="min" onclick="cycle(this)"> 周期从 <input class="numberspinner" style="width:60px;" data-options="min:1,max:58" value="1"> - <input class="numberspinner" style="width:60px;" data-options="min:2,max:59" value="2"> 分钟</div>
						<div class="line"><input type="radio" name="min" onclick="startOn(this)"> 从 <input class="numberspinner" style="width:60px;" data-options="min:0,max:59" value="0"> 分钟开始,每 <input class="numberspinner" style="width:60px;" data-options="min:1,max:59" value="1"> 分钟执行一次</div>
						<div class="line"><input type="radio" name="min" id="min_appoint"> 指定</div>
						<div class="imp minList">
							<input type="checkbox" value="1">01
							<input type="checkbox" value="2">02
							<input type="checkbox" value="3">03
							<input type="checkbox" value="4">04
							<input type="checkbox" value="5">05
							<input type="checkbox" value="6">06
							<input type="checkbox" value="7">07
							<input type="checkbox" value="8">08
							<input type="checkbox" value="9">09
							<input type="checkbox" value="10">10</div><div class="imp minList">
							<input type="checkbox" value="11">11
							<input type="checkbox" value="12">12
							<input type="checkbox" value="13">13
							<input type="checkbox" value="14">14
							<input type="checkbox" value="15">15
							<input type="checkbox" value="16">16
							<input type="checkbox" value="17">17
							<input type="checkbox" value="18">18
							<input type="checkbox" value="19">19
							<input type="checkbox" value="20">20</div><div class="imp minList">
							<input type="checkbox" value="21">21
							<input type="checkbox" value="22">22
							<input type="checkbox" value="23">23
							<input type="checkbox" value="24">24
							<input type="checkbox" value="25">25
							<input type="checkbox" value="26">26
							<input type="checkbox" value="27">27
							<input type="checkbox" value="28">28
							<input type="checkbox" value="29">29
							<input type="checkbox" value="30">30</div><div class="imp minList">
							<input type="checkbox" value="31">31
							<input type="checkbox" value="32">32
							<input type="checkbox" value="33">33
							<input type="checkbox" value="34">34
							<input type="checkbox" value="35">35
							<input type="checkbox" value="36">36
							<input type="checkbox" value="37">37
							<input type="checkbox" value="38">38
							<input type="checkbox" value="39">39
							<input type="checkbox" value="40">40</div><div class="imp minList">
							<input type="checkbox" value="41">41
							<input type="checkbox" value="42">42
							<input type="checkbox" value="43">43
							<input type="checkbox" value="44">44
							<input type="checkbox" value="45">45
							<input type="checkbox" value="46">46
							<input type="checkbox" value="47">47
							<input type="checkbox" value="48">48
							<input type="checkbox" value="49">49
							<input type="checkbox" value="50">50</div><div class="imp minList">
							<input type="checkbox" value="51">51
							<input type="checkbox" value="52">52
							<input type="checkbox" value="53">53
							<input type="checkbox" value="54">54
							<input type="checkbox" value="55">55
							<input type="checkbox" value="56">56
							<input type="checkbox" value="57">57
							<input type="checkbox" value="58">58
							<input type="checkbox" value="59">59
						</div>
					</div>
					<div title="小时">
						<div class="line"><input type="radio" checked="checked" name="hour" onclick="everyTime(this)"> 小时 允许的通配符[, - * /]</div>
						<div class="line"><input type="radio" name="hour" onclick="cycle(this)"> 周期从 <input class="numberspinner" style="width:60px;" data-options="min:0,max:23" value="0"> - <input class="numberspinner" style="width:60px;" data-options="min:2,max:23" value="2"> 小时</div>
						<div class="line"><input type="radio" name="hour" onclick="startOn(this)"> 从 <input class="numberspinner" style="width:60px;" data-options="min:0,max:23" value="0"> 小时开始,每 <input class="numberspinner" style="width:60px;" data-options="min:1,max:23" value="1"> 小时执行一次</div>
						<div class="line"><input type="radio" name="hour" id="hour_appoint"> 指定</div>
						<div class="imp hourList">AM:
							<input type="checkbox" value="0">00
							<input type="checkbox" value="1">01
							<input type="checkbox" value="2">02
							<input type="checkbox" value="3">03
							<input type="checkbox" value="4">04
							<input type="checkbox" value="5">05
							<input type="checkbox" value="6">06
							<input type="checkbox" value="7">07
							<input type="checkbox" value="8">08
							<input type="checkbox" value="9">09
							<input type="checkbox" value="10">10
							<input type="checkbox" value="11">11
						</div>
						<div class="imp hourList">PM:
							<input type="checkbox" value="12">12
							<input type="checkbox" value="13">13
							<input type="checkbox" value="14">14
							<input type="checkbox" value="15">15
							<input type="checkbox" value="16">16
							<input type="checkbox" value="17">17
							<input type="checkbox" value="18">18
							<input type="checkbox" value="19">19
							<input type="checkbox" value="20">20
							<input type="checkbox" value="21">21
							<input type="checkbox" value="22">22
							<input type="checkbox" value="23">23
						</div>
					</div>
					<div title="日">
						<div class="line"><input type="radio" checked="checked" name="day" onclick="everyTime(this)"> 日 允许的通配符[, - * / L W]</div>
						<div class="line"><input type="radio" name="day" onclick="unAppoint(this)"> 不指定</div>
						<div class="line"><input type="radio" name="day" onclick="cycle(this)"> 周期从 <input class="numberspinner" style="width:60px;" data-options="min:1,max:31" value="1"> - <input class="numberspinner" style="width:60px;" data-options="min:2,max:31" value="2"> 日</div>
						<div class="line"><input type="radio" name="day" onclick="startOn(this)"> 从 <input class="numberspinner" style="width:60px;" data-options="min:1,max:31" value="1"> 日开始,每 <input class="numberspinner" style="width:60px;" data-options="min:1,max:31" value="1"> 天执行一次</div>
						<div class="line"><input type="radio" name="day" onclick="workDay(this)"> 每月 <input class="numberspinner" style="width:60px;" data-options="min:1,max:31" value="1"> 号最近的那个工作日</div>
						<div class="line"><input type="radio" name="day" onclick="lastDay(this)"> 本月最后一天</div>
						<div class="line"><input type="radio" name="day" id="day_appoint"> 指定</div>
						<div class="imp dayList">
							<input type="checkbox" value="1">1
							<input type="checkbox" value="2">2
							<input type="checkbox" value="3">3
							<input type="checkbox" value="4">4
							<input type="checkbox" value="5">5
							<input type="checkbox" value="6">6
							<input type="checkbox" value="7">7
							<input type="checkbox" value="8">8
							<input type="checkbox" value="9">9
							<input type="checkbox" value="10">10
							<input type="checkbox" value="11">11
							<input type="checkbox" value="12">12
							<input type="checkbox" value="13">13
							<input type="checkbox" value="14">14
							<input type="checkbox" value="15">15
							<input type="checkbox" value="16">16
						</div>
						<div class="imp dayList">
							<input type="checkbox" value="17">17
							<input type="checkbox" value="18">18
							<input type="checkbox" value="19">19
							<input type="checkbox" value="20">20
							<input type="checkbox" value="21">21
							<input type="checkbox" value="22">22
							<input type="checkbox" value="23">23
							<input type="checkbox" value="24">24
							<input type="checkbox" value="25">25
							<input type="checkbox" value="26">26
							<input type="checkbox" value="27">27
							<input type="checkbox" value="28">28
							<input type="checkbox" value="29">29
							<input type="checkbox" value="30">30
							<input type="checkbox" value="31">31
						</div>
					</div>
					<div title="月">
						<div class="line"><input type="radio" checked="checked" name="mouth" onclick="everyTime(this)"> 月 允许的通配符[, - * /]</div>
						<div class="line"><input type="radio" name="mouth" onclick="unAppoint(this)"> 不指定</div>
						<div class="line"><input type="radio" name="mouth" onclick="cycle(this)"> 周期从 <input class="numberspinner" style="width:60px;" data-options="min:1,max:12" value="1"> - <input class="numberspinner" style="width:60px;" data-options="min:2,max:12" value="2"> 月</div>
						<div class="line"><input type="radio" name="mouth" onclick="startOn(this)"> 从 <input class="numberspinner" style="width:60px;" data-options="min:1,max:12" value="1"> 日开始,每 <input class="numberspinner" style="width:60px;" data-options="min:1,max:12" value="1"> 月执行一次</div>
						<div class="line"><input type="radio" name="mouth" id="mouth_appoint"> 指定</div>
						<div class="imp mouthList">
							<input type="checkbox" value="1">1
							<input type="checkbox" value="2">2
							<input type="checkbox" value="3">3
							<input type="checkbox" value="4">4
							<input type="checkbox" value="5">5
							<input type="checkbox" value="6">6
							<input type="checkbox" value="7">7
							<input type="checkbox" value="8">8
							<input type="checkbox" value="9">9
							<input type="checkbox" value="10">10
							<input type="checkbox" value="11">11
							<input type="checkbox" value="12">12
						</div>
					</div>
					<div title="周">
						<div class="line"><input type="radio" checked="checked" name="week" onclick="everyTime(this)"> 周 允许的通配符[, - * / L #]</div>
						<div class="line"><input type="radio" name="week" onclick="unAppoint(this)"> 不指定</div>
						<div class="line"><input type="radio" name="week" onclick="startOn(this)"> 周期 从星期<input class="numberspinner" style="width:60px;" data-options="min:1,max:7" value="1"> - <input class="numberspinner" style="width:60px;" data-options="min:2,max:7" value="2"></div>
						<div class="line"><input type="radio" name="week" onclick="weekOfDay(this)"> 第<input class="numberspinner" style="width:60px;" data-options="min:1,max:4" value="1"> 周 的星期<input class="numberspinner" style="width:60px;" data-options="min:1,max:7" value="1"></div>
						<div class="line"><input type="radio" name="week" onclick="lastWeek(this)"> 本月最后一个星期<input class="numberspinner" style="width:60px;" data-options="min:1,max:7" value="1"></div>
						<div class="line"><input type="radio" name="week" id="week_appoint"> 指定</div>
						<div class="imp weekList">
							<input type="checkbox" value="1">1
							<input type="checkbox" value="2">2
							<input type="checkbox" value="3">3
							<input type="checkbox" value="4">4
							<input type="checkbox" value="5">5
							<input type="checkbox" value="6">6
							<input type="checkbox" value="7">7
						</div>
					</div>
					<div title="年">
						<div class="line"><input type="radio" checked="checked" name="year" onclick="unAppoint(this)"> 不指定 允许的通配符[, - * /] 非必填</div>
						<div class="line"><input type="radio" name="year" onclick="everyTime(this)"> 每年</div>
						<div class="line"><input type="radio" name="year" onclick="cycle(this)">周期 从 <input class="numberspinner" style="width:90px;" data-options="min:2013,max:3000" value="2013"> - <input class="numberspinner" style="width:90px;" data-options="min:2014,max:3000" value="2014"></div>
					</div>
				</div>
			</div>
			<div data-options="region:'south',border:false" style="height:135px">
				<fieldset style="border-radius: 3px;height:116px;">
					<legend>表达式</legend>
					<table style="height: 100px;">
						<tbody>
							<tr>
								<td ></td>
								<td  align="center">
									秒
								</td>
								<td  align="center">
									分钟
								</td>
								<td  align="center">
									小时
								</td>
								<td  align="center">
									日
								</td>
								<td  align="center">
									月<br/>
								</td>
								<td  align="center">
									星期
								</td>
								<td align="center">
									年
								</td>
							</tr>
							<tr>
								<td  >
									表达式字段:
								</td>
								<td  >
									<input type="text" name="v_second" class="col" value="*" readonly="readonly"/>
								</td>
								<td  >
									<input type="text" name="v_min" class="col" value="*" readonly="readonly"/>
								</td>
								<td >
									<input type="text" name="v_hour" class="col" value="*" readonly="readonly"/>
								</td>
								<td >
									<input type="text" name="v_day" class="col" value="*" readonly="readonly"/>
								</td>
								<td >
									<input type="text" name="v_mouth" class="col" value="*" readonly="readonly"/>
								</td>
								<td >
									<input type="text" name="v_week" class="col" value="?" readonly="readonly"/>
								</td>
								<td >
									<input type="text" name="v_year"  class="col" readonly="readonly"/>
								</td>
							</tr>
							<tr>
								<td  >
									Cron表达式:
								</td>
								<td colspan="7">
									<input type="text" name="cron" style="width:100%;" value="* * * * * ? " id="cron" readonly="readonly"/>
								</td>
							</tr>
						</tbody>
					</table>
				</fieldset>
			</div>
		</div>
</body>
</html>